/** @jsxImportSource @emotion/react */
import * as React from "react";
import {CCell, RCell, Table, TableBody, TableRow,} from "customize-easy-ui-component";
import {AttentionPoint} from "../../common/rarelyVary";

/**锅炉 封面概要；
 * */
export const 首页设备概况Thme= ({theme, orc, rep } :{theme: any, orc:any, rep:any}
) => {
  return <Table fixed={ ["20%","%"] }  css={ {borderCollapse: 'collapse'} }>
    <TableBody rheight={40}>
      <TableRow>
        <RCell css={{border:'none'}}>锅炉型号：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc?.型号 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>使用单位：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.使用单位 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>委托单位：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.服务单位 || '／'}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>测试地点：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.设备使用地点 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>测试日期：</RCell>
        {orc.检验日期1? <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期1} 至 {orc.检验日期}</CCell>
            :
            <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期}</CCell>
        }
      </TableRow>
    </TableBody>
  </Table>;
};

export const 注意事项Thme= ({comply, rep} :{comply?: any, rep: any}
) => {
  //中间组件只带了第一行的内容 1．本报告{comply}。<br/>  参数telurl：是否显示报检方式；最后一行跟随的！
  return <AttentionPoint rep={rep} comply={comply} telurl >
    一、报告书应当由计算机打印输出，或用钢笔、签字笔填写，字迹要工整，涂改无效。<br/>
    二、本报告书无编制、审核、批准人员签字无效。<br/>
    三、本报告书无测试机构的测试专用章无效。<br/>
    四、本报告书内容缺少、摘录或部分复印无效。<br/>
    五、本报告书一式两份，由测试机构和委托单位分别保存。<br/>
    六、本报告测试结论是在本报告所记载和描述的测试依据和测试条件下得出的。<br/>
    七、委托单位对本报告结论如有异议，请在收到报告之日起15日内，向测试机构提出书面意见。<br/>
    八、
  </AttentionPoint>;
};
